@font-face { font-family: Megapolis; src: url('megapolis.otf'); }

body
{
	overflow: hidden;
	font-family: Megapolis;
	margin: 0;
	padding: 0;
	background-color: black;
	background-image: url(img/background.png);
	color: white;
	background-repeat: repeat;
	background-size:100%;
}

.cl {
	clear: both;
}

#game .canvasMask {
	float: left;
	background-image: url(img/backgroundgrid.png);
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

#game .canvasMask #canvas {
	position: absolute;
}

#editor_table{
	position: fixed;
	right:0;
	width:200px;
	height:100%;
	overflow-y: scroll;
}

.explode img {
	width: 100px;
	height: 100px;
}

.explode {
	position: absolute;
	z-index: 10;
	width: 100px;
	height: 100px;
	display: none;
}

h1
{
	font-family: Megapolis;
	font-size: 30px;
}

.draggable
{
	width: 50px;

}
.draggable img
{
	cursor: pointer;
	border-radius: 3px;
	border: solid #000 2px;
	background-color: yellow;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;

}

.draggable  img:hover
{
	border: solid #000 2px;
	-webkit-transform: rotate(360deg) scale(2);
	-moz-transform: rotate(360deg) scale(2);
	-o-transform: rotate(360deg) scale(2);

}
